<template>
	<view class="commentList">
		<view class="title"> {{ `全部评论（${source.length}）` }} </view>
		<CommentItem v-for="item in source" :key="item.id" :data="item" :authorId='authorId' />
	</view>
</template>

<script setup>
	import {
		onMounted
	} from "vue";
	import CommentItem from "./CommentItem.vue";
	const props = defineProps({
		source: {
			type: Array
		},
		authorId: {
			type: Number
		}
	});
</script>

<style lang="less" scoped>
	.commentList {
		width: 100%;
		// background-color: #f5f5f5;
		padding-top: 40rpx;
		padding-bottom: 80rpx;
		margin-bottom: 10vh;

		.title {
			font-size: 40rpx;
			padding-bottom: 30rpx;
			padding-left: 30rpx;
		}
	}
</style>